/* 页面总体布局的css */
* {
  padding: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
}
/* 定义css变量 */
:root {
  /* 头部高度 */
  --headH: 100px; 
  /* --sectionH: 600px; */
  --footerH: 100px;
  /* --navH: 75px; */
  --navWidth: 550px;
}

.container {
  width: 100%;
  height: 100%;
  min-width: 1220px;
  user-select: none;
}

header {
  width: 100%;
  height: var(--headH);
  position: sticky;
  top: 0;
  z-index: 100;
}

main {
  width: 100%;
  /* height: var(--sectionH); */
  max-width: 1220px;
  background-color: white;
  padding: 25px 0;
  margin: 0 auto;
}
.shop-cart {
  position: fixed;
  width: 100px;
  height: 100px;
  top: 120px;
  left: 50px;
  z-index: 1000;
}
footer {
  width: 100%;
  background-color: rgb(237, 237, 237);
  font-size: 10px;
  color: #333;
  padding: 40px 0;
  margin-top: 20px;
}

section {
  width: 100%;
  /* height: var(--sectionH); */
  max-width: 1220px;
  background-color: white;
  /* 版心居中 */
  padding: 25px 0;
  margin: 0 auto;
}
/* contenteditabl 盒子内容可编辑属性 */ 